<template>
  <div id="app" class="SkTemperatureRecordList">
    <sk-temperature v-if="show" @detailData="getDetailData" @classData="getClassData"></sk-temperature>
    <sk-temperature-detail v-else @detailData="getDetailData" @classData="getClassData" :singleClassId="classId"></sk-temperature-detail>
  </div>
</template>
<script>
import SkTemperature from "./modules/SkTemperature.vue";
import SkTemperatureDetail from "./modules/SkTemperatureDetail.vue";
export default {
  name: 'SkTemperatureRecordList',
  data() {
    return {
      show:true,
      classId:"0"
    }
  },
  components: {
    SkTemperature,
    SkTemperatureDetail
  },

  filters: {},

  computed: {},

  created() {},

  activated() {},

  mounted() {},

  methods: {
    getDetailData(data){
      this.show = data;
    },
    getClassData(data){
      if (data.classId) {
        this.classId = data.classId;
      }else{
        this.classId = "0"
      }
    }
  }
}
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>
